import { NavBar, Icon,Button, WhiteSpace, WingBlank } from 'antd-mobile';
import {useHistory} from 'react-router-dom'
import {CreateWrap} from './StyledCreate'
import React from 'react'
import P1 from '@a/images/lxl/plus.png'

const Newcreate=()=>{
  let history=useHistory()
    return (
      <div>
        <NavBar
          mode="dark"
          icon={<Icon type="left" />}
          onLeftClick={() => history.goBack()}
          >班级相册
         </NavBar>
         <CreateWrap>
              <div><input type="text"/></div>
              <div>相册名称：<input type="text" placeholder="请输入相册名称"/></div>
              <div>相册内容：<input type="text" placeholder="请输入相册内容"/><img src={P1} alt=""/></div>
         </CreateWrap>
         <WingBlank>
         <WhiteSpace />
         <Button type="primary" style={{ fontSize: '.15rem' }}>确定</Button>
         </WingBlank>
         </div>
    )
  }

export default Newcreate